
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <script src="iconfont.js"></script>

    <style type="text/css">
        .icon {
          /* 通过设置 font-size 来改变图标大小 */
          width: 1em; height: 1em;
          /* 图标和文字相邻时，垂直对齐 */
          vertical-align: -0.15em;
          /* 通过设置 color 来改变 SVG 的颜色/fill */
          fill: currentColor;
          /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
             normalize.css 中也包含这行 */
          overflow: hidden;
        }

    </style>
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-flowparallel"></use>
                    </svg>
                    <div class="name">flow-parallel</div>
                    <div class="fontclass">#icon-flowparallel</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-hengpai"></use>
                    </svg>
                    <div class="name">横排</div>
                    <div class="fontclass">#icon-hengpai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhongzuo"></use>
                    </svg>
                    <div class="name">重做</div>
                    <div class="fontclass">#icon-zhongzuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-5"></use>
                    </svg>
                    <div class="name">微博</div>
                    <div class="fontclass">#icon-5</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-changjing"></use>
                    </svg>
                    <div class="name">场景</div>
                    <div class="fontclass">#icon-changjing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon08"></use>
                    </svg>
                    <div class="name">酒店</div>
                    <div class="fontclass">#icon-icon08</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-youxiang1"></use>
                    </svg>
                    <div class="name">邮箱</div>
                    <div class="fontclass">#icon-youxiang1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weixin"></use>
                    </svg>
                    <div class="name">微信</div>
                    <div class="fontclass">#icon-weixin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dianhuajianpan"></use>
                    </svg>
                    <div class="name">电话键盘</div>
                    <div class="fontclass">#icon-dianhuajianpan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rili"></use>
                    </svg>
                    <div class="name">日历</div>
                    <div class="fontclass">#icon-rili</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zuoji"></use>
                    </svg>
                    <div class="name">座机</div>
                    <div class="fontclass">#icon-zuoji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fenxiang"></use>
                    </svg>
                    <div class="name">分享</div>
                    <div class="fontclass">#icon-fenxiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chuzuchetianchong"></use>
                    </svg>
                    <div class="name">出租车_填充</div>
                    <div class="fontclass">#icon-chuzuchetianchong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dianhuajianpantianchong"></use>
                    </svg>
                    <div class="name">电话键盘_填充</div>
                    <div class="fontclass">#icon-dianhuajianpantianchong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tansuofaxian"></use>
                    </svg>
                    <div class="name">探索发现</div>
                    <div class="fontclass">#icon-tansuofaxian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouyeguhuakuandai"></use>
                    </svg>
                    <div class="name">首页-固话宽带</div>
                    <div class="fontclass">#icon-shouyeguhuakuandai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-speedup"></use>
                    </svg>
                    <div class="name">加速</div>
                    <div class="fontclass">#icon-speedup</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-slowdown"></use>
                    </svg>
                    <div class="name">减速</div>
                    <div class="fontclass">#icon-slowdown</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiudian2"></use>
                    </svg>
                    <div class="name">酒店</div>
                    <div class="fontclass">#icon-jiudian2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kuandaitianchong"></use>
                    </svg>
                    <div class="name">宽带_填充</div>
                    <div class="fontclass">#icon-kuandaitianchong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yibao"></use>
                    </svg>
                    <div class="name">医保</div>
                    <div class="fontclass">#icon-yibao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-keche"></use>
                    </svg>
                    <div class="name">客车</div>
                    <div class="fontclass">#icon-keche</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-heimingdan"></use>
                    </svg>
                    <div class="name">黑名单</div>
                    <div class="fontclass">#icon-heimingdan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-hangbanxinxi"></use>
                    </svg>
                    <div class="name">航班信息</div>
                    <div class="fontclass">#icon-hangbanxinxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiudian"></use>
                    </svg>
                    <div class="name">酒店</div>
                    <div class="fontclass">#icon-jiudian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shuru"></use>
                    </svg>
                    <div class="name">输入</div>
                    <div class="fontclass">#icon-shuru</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kuaidi"></use>
                    </svg>
                    <div class="name">快递_乐乐</div>
                    <div class="fontclass">#icon-kuaidi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weishangxueyuan"></use>
                    </svg>
                    <div class="name">微商学院</div>
                    <div class="fontclass">#icon-weishangxueyuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shangxueyuan"></use>
                    </svg>
                    <div class="name">商学院</div>
                    <div class="fontclass">#icon-shangxueyuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-iconzhuanqu45"></use>
                    </svg>
                    <div class="name">跳转</div>
                    <div class="fontclass">#icon-iconzhuanqu45</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tixing"></use>
                    </svg>
                    <div class="name">提醒</div>
                    <div class="fontclass">#icon-tixing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiashizheng"></use>
                    </svg>
                    <div class="name">驾驶证</div>
                    <div class="fontclass">#icon-jiashizheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-cengjishezhi"></use>
                    </svg>
                    <div class="name">层级设置</div>
                    <div class="fontclass">#icon-cengjishezhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baocun"></use>
                    </svg>
                    <div class="name">保存</div>
                    <div class="fontclass">#icon-baocun</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-flowparallel1"></use>
                    </svg>
                    <div class="name">flow-parallel</div>
                    <div class="fontclass">#icon-flowparallel1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tao"></use>
                    </svg>
                    <div class="name">逃</div>
                    <div class="fontclass">#icon-tao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jzjl01"></use>
                    </svg>
                    <div class="name">列表</div>
                    <div class="fontclass">#icon-jzjl01</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiudian11"></use>
                    </svg>
                    <div class="name">酒店</div>
                    <div class="fontclass">#icon-jiudian11</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anjiankou"></use>
                    </svg>
                    <div class="name">安检口</div>
                    <div class="fontclass">#icon-anjiankou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kuaidi1"></use>
                    </svg>
                    <div class="name">快递</div>
                    <div class="fontclass">#icon-kuaidi1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-delivery"></use>
                    </svg>
                    <div class="name">快递</div>
                    <div class="fontclass">#icon-delivery</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xueyuanxuanzhong"></use>
                    </svg>
                    <div class="name">学院选中</div>
                    <div class="fontclass">#icon-xueyuanxuanzhong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gongtonglinju"></use>
                    </svg>
                    <div class="name">共同邻居</div>
                    <div class="fontclass">#icon-gongtonglinju</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qietu08"></use>
                    </svg>
                    <div class="name">微信</div>
                    <div class="fontclass">#icon-qietu08</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiashizheng1"></use>
                    </svg>
                    <div class="name">驾驶证</div>
                    <div class="fontclass">#icon-jiashizheng1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chuangkouwindow25"></use>
                    </svg>
                    <div class="name">窗口</div>
                    <div class="fontclass">#icon-chuangkouwindow25</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-imei02"></use>
                    </svg>
                    <div class="name">imei</div>
                    <div class="fontclass">#icon-imei02</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-imsi02"></use>
                    </svg>
                    <div class="name">imsi</div>
                    <div class="fontclass">#icon-imsi02</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xuexiao3"></use>
                    </svg>
                    <div class="name">学校</div>
                    <div class="fontclass">#icon-xuexiao3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yuanxiao"></use>
                    </svg>
                    <div class="name">院校</div>
                    <div class="fontclass">#icon-yuanxiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weizhi"></use>
                    </svg>
                    <div class="name">未知</div>
                    <div class="fontclass">#icon-weizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-daxingkeche"></use>
                    </svg>
                    <div class="name">大型客车</div>
                    <div class="fontclass">#icon-daxingkeche</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shuangxin"></use>
                    </svg>
                    <div class="name">双心，两颗心</div>
                    <div class="fontclass">#icon-shuangxin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ht_expand"></use>
                    </svg>
                    <div class="name">扩展</div>
                    <div class="fontclass">#icon-ht_expand</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ren"></use>
                    </svg>
                    <div class="name">人</div>
                    <div class="fontclass">#icon-ren</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weibiaoti123"></use>
                    </svg>
                    <div class="name">刻度尺</div>
                    <div class="fontclass">#icon-weibiaoti123</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anjianxinxi"></use>
                    </svg>
                    <div class="name">案件信息</div>
                    <div class="fontclass">#icon-anjianxinxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huoche"></use>
                    </svg>
                    <div class="name">火车</div>
                    <div class="fontclass">#icon-huoche</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon"></use>
                    </svg>
                    <div class="name">播放</div>
                    <div class="fontclass">#icon-icon</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-youxiang11"></use>
                    </svg>
                    <div class="name">邮箱</div>
                    <div class="fontclass">#icon-youxiang11</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kuaidibaoyou"></use>
                    </svg>
                    <div class="name">快递包邮</div>
                    <div class="fontclass">#icon-kuaidibaoyou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sirenxinjian"></use>
                    </svg>
                    <div class="name">私人信件</div>
                    <div class="fontclass">#icon-sirenxinjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-renqun"></use>
                    </svg>
                    <div class="name">人群</div>
                    <div class="fontclass">#icon-renqun</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-feiji-copy"></use>
                    </svg>
                    <div class="name">飞机</div>
                    <div class="fontclass">#icon-feiji-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qq02"></use>
                    </svg>
                    <div class="name">QQ</div>
                    <div class="fontclass">#icon-qq02</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fang"></use>
                    </svg>
                    <div class="name">房</div>
                    <div class="fontclass">#icon-fang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weixin1"></use>
                    </svg>
                    <div class="name">微信</div>
                    <div class="fontclass">#icon-weixin1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dianhua-copy-copy-copy-copy"></use>
                    </svg>
                    <div class="name">电话</div>
                    <div class="fontclass">#icon-dianhua-copy-copy-copy-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-quxiaoxuanze"></use>
                    </svg>
                    <div class="name">取消选择</div>
                    <div class="fontclass">#icon-quxiaoxuanze</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dianhua"></use>
                    </svg>
                    <div class="name">电话</div>
                    <div class="fontclass">#icon-dianhua</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tianjiadaoqitahuodong"></use>
                    </svg>
                    <div class="name">添加到其他活动</div>
                    <div class="fontclass">#icon-tianjiadaoqitahuodong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-hukou"></use>
                    </svg>
                    <div class="name">户口</div>
                    <div class="fontclass">#icon-hukou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kuaidifuwu"></use>
                    </svg>
                    <div class="name">快递服务</div>
                    <div class="fontclass">#icon-kuaidifuwu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icxiangmufuhao24px"></use>
                    </svg>
                    <div class="name">列表</div>
                    <div class="fontclass">#icon-icxiangmufuhao24px</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icontel"></use>
                    </svg>
                    <div class="name">电话</div>
                    <div class="fontclass">#icon-icontel</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shuju1"></use>
                    </svg>
                    <div class="name">数据 (1)</div>
                    <div class="fontclass">#icon-shuju1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gongjijin"></use>
                    </svg>
                    <div class="name">公积金</div>
                    <div class="fontclass">#icon-gongjijin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yinxing"></use>
                    </svg>
                    <div class="name">银行</div>
                    <div class="fontclass">#icon-yinxing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gongsi4"></use>
                    </svg>
                    <div class="name">公司</div>
                    <div class="fontclass">#icon-gongsi4</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiaowaizhusushenqing"></use>
                    </svg>
                    <div class="name">校外住宿申请</div>
                    <div class="fontclass">#icon-xiaowaizhusushenqing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anjianguanli"></use>
                    </svg>
                    <div class="name">案件管理</div>
                    <div class="fontclass">#icon-anjianguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qita"></use>
                    </svg>
                    <div class="name">其他</div>
                    <div class="fontclass">#icon-qita</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bukejian"></use>
                    </svg>
                    <div class="name">不可见</div>
                    <div class="fontclass">#icon-bukejian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baocun1"></use>
                    </svg>
                    <div class="name">保存</div>
                    <div class="fontclass">#icon-baocun1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chepai1"></use>
                    </svg>
                    <div class="name">车牌 </div>
                    <div class="fontclass">#icon-chepai1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-biyan"></use>
                    </svg>
                    <div class="name">闭眼</div>
                    <div class="fontclass">#icon-biyan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-diqiu"></use>
                    </svg>
                    <div class="name">地球</div>
                    <div class="fontclass">#icon-diqiu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-changtuqiche"></use>
                    </svg>
                    <div class="name">长途汽车</div>
                    <div class="fontclass">#icon-changtuqiche</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qita1"></use>
                    </svg>
                    <div class="name">其他</div>
                    <div class="fontclass">#icon-qita1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-params"></use>
                    </svg>
                    <div class="name">params</div>
                    <div class="fontclass">#icon-params</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huoche1"></use>
                    </svg>
                    <div class="name">火车</div>
                    <div class="fontclass">#icon-huoche1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-guanxi1"></use>
                    </svg>
                    <div class="name">关系</div>
                    <div class="fontclass">#icon-guanxi1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sim_card"></use>
                    </svg>
                    <div class="name">sim_card</div>
                    <div class="fontclass">#icon-sim_card</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gongsi"></use>
                    </svg>
                    <div class="name">公司</div>
                    <div class="fontclass">#icon-gongsi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-78"></use>
                    </svg>
                    <div class="name">证件</div>
                    <div class="fontclass">#icon-78</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedian"></use>
                    </svg>
                    <div class="name">节点</div>
                    <div class="fontclass">#icon-jiedian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-changjing1"></use>
                    </svg>
                    <div class="name">场景</div>
                    <div class="fontclass">#icon-changjing1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-17"></use>
                    </svg>
                    <div class="name">电话</div>
                    <div class="fontclass">#icon-17</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-Flow-Parallal"></use>
                    </svg>
                    <div class="name">Flow - Parallal</div>
                    <div class="fontclass">#icon-Flow-Parallal</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wenhao"></use>
                    </svg>
                    <div class="name">问号</div>
                    <div class="fontclass">#icon-wenhao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yi"></use>
                    </svg>
                    <div class="name">医</div>
                    <div class="fontclass">#icon-yi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chepai11"></use>
                    </svg>
                    <div class="name">车牌</div>
                    <div class="fontclass">#icon-chepai11</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tianjiadaobaogaochi"></use>
                    </svg>
                    <div class="name">添加到报表池</div>
                    <div class="fontclass">#icon-tianjiadaobaogaochi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gongsi1"></use>
                    </svg>
                    <div class="name">公司</div>
                    <div class="fontclass">#icon-gongsi1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gongsi11"></use>
                    </svg>
                    <div class="name">公司</div>
                    <div class="fontclass">#icon-gongsi11</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-hutonghulian"></use>
                    </svg>
                    <div class="name">互通互联</div>
                    <div class="fontclass">#icon-hutonghulian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-feiji1"></use>
                    </svg>
                    <div class="name">飞机</div>
                    <div class="fontclass">#icon-feiji1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-cengji"></use>
                    </svg>
                    <div class="name">层级</div>
                    <div class="fontclass">#icon-cengji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tubiao"></use>
                    </svg>
                    <div class="name">模型</div>
                    <div class="fontclass">#icon-tubiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-che"></use>
                    </svg>
                    <div class="name">车辆</div>
                    <div class="fontclass">#icon-che</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-cheliang"></use>
                    </svg>
                    <div class="name">车辆</div>
                    <div class="fontclass">#icon-cheliang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dianhua1"></use>
                    </svg>
                    <div class="name">电话</div>
                    <div class="fontclass">#icon-dianhua1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gongjijin1"></use>
                    </svg>
                    <div class="name">公积金</div>
                    <div class="fontclass">#icon-gongjijin1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-round-user-new"></use>
                    </svg>
                    <div class="name">人</div>
                    <div class="fontclass">#icon-round-user-new</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiudian1"></use>
                    </svg>
                    <div class="name">酒店</div>
                    <div class="fontclass">#icon-jiudian1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shijianzhou"></use>
                    </svg>
                    <div class="name">符号-时间轴</div>
                    <div class="fontclass">#icon-shijianzhou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xueyuan"></use>
                    </svg>
                    <div class="name">学院</div>
                    <div class="fontclass">#icon-xueyuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kuaidi21"></use>
                    </svg>
                    <div class="name">快递</div>
                    <div class="fontclass">#icon-kuaidi21</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chuizhitongjiange"></use>
                    </svg>
                    <div class="name">垂直同间隔</div>
                    <div class="fontclass">#icon-chuizhitongjiange</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yinhang"></use>
                    </svg>
                    <div class="name">银行</div>
                    <div class="fontclass">#icon-yinhang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-Flow-Parallal1"></use>
                    </svg>
                    <div class="name">Flow - Parallal</div>
                    <div class="fontclass">#icon-Flow-Parallal1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ip02"></use>
                    </svg>
                    <div class="name">IP</div>
                    <div class="fontclass">#icon-ip02</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-parameter3"></use>
                    </svg>
                    <div class="name">parameter03</div>
                    <div class="fontclass">#icon-parameter3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-youxiang"></use>
                    </svg>
                    <div class="name">邮箱</div>
                    <div class="fontclass">#icon-youxiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jian"></use>
                    </svg>
                    <div class="name">监</div>
                    <div class="fontclass">#icon-jian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-hexin"></use>
                    </svg>
                    <div class="name">核心</div>
                    <div class="fontclass">#icon-hexin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-more"></use>
                    </svg>
                    <div class="name">more</div>
                    <div class="fontclass">#icon-more</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiange"></use>
                    </svg>
                    <div class="name">间隔</div>
                    <div class="fontclass">#icon-jiange</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wangba"></use>
                    </svg>
                    <div class="name">网吧2</div>
                    <div class="fontclass">#icon-wangba</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gaoliang"></use>
                    </svg>
                    <div class="name">高亮</div>
                    <div class="fontclass">#icon-gaoliang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-p_IP"></use>
                    </svg>
                    <div class="name">IP</div>
                    <div class="fontclass">#icon-p_IP</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dianhua11"></use>
                    </svg>
                    <div class="name">电话</div>
                    <div class="fontclass">#icon-dianhua11</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chakan"></use>
                    </svg>
                    <div class="name">查看</div>
                    <div class="fontclass">#icon-chakan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shengyin"></use>
                    </svg>
                    <div class="name">声音</div>
                    <div class="fontclass">#icon-shengyin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gongsi2"></use>
                    </svg>
                    <div class="name">公司</div>
                    <div class="fontclass">#icon-gongsi2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiaoqu"></use>
                    </svg>
                    <div class="name">小区</div>
                    <div class="fontclass">#icon-xiaoqu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qingchu"></use>
                    </svg>
                    <div class="name">清除</div>
                    <div class="fontclass">#icon-qingchu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chepai"></use>
                    </svg>
                    <div class="name">车牌</div>
                    <div class="fontclass">#icon-chepai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tongji"></use>
                    </svg>
                    <div class="name">统计</div>
                    <div class="fontclass">#icon-tongji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-hukoudi"></use>
                    </svg>
                    <div class="name">户口地</div>
                    <div class="fontclass">#icon-hukoudi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wangba11"></use>
                    </svg>
                    <div class="name">网吧</div>
                    <div class="fontclass">#icon-wangba11</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qinghangbihuanliuzhuan"></use>
                    </svg>
                    <div class="name">情行闭环流转</div>
                    <div class="fontclass">#icon-qinghangbihuanliuzhuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fangwumiaoshu"></use>
                    </svg>
                    <div class="name">房屋描述</div>
                    <div class="fontclass">#icon-fangwumiaoshu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ID"></use>
                    </svg>
                    <div class="name">ID</div>
                    <div class="fontclass">#icon-ID</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tupu"></use>
                    </svg>
                    <div class="name">图谱</div>
                    <div class="fontclass">#icon-tupu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouye"></use>
                    </svg>
                    <div class="name">id</div>
                    <div class="fontclass">#icon-shouye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chakangengduo"></use>
                    </svg>
                    <div class="name">查看更多</div>
                    <div class="fontclass">#icon-chakangengduo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wo"></use>
                    </svg>
                    <div class="name">我</div>
                    <div class="fontclass">#icon-wo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiudian21"></use>
                    </svg>
                    <div class="name">酒店</div>
                    <div class="fontclass">#icon-jiudian21</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-moxing"></use>
                    </svg>
                    <div class="name">模型</div>
                    <div class="fontclass">#icon-moxing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-feiji"></use>
                    </svg>
                    <div class="name">飞机</div>
                    <div class="fontclass">#icon-feiji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weizhi-"></use>
                    </svg>
                    <div class="name">未知－01</div>
                    <div class="fontclass">#icon-weizhi-</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhengjian1"></use>
                    </svg>
                    <div class="name">证件</div>
                    <div class="fontclass">#icon-zhengjian1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tubiao-"></use>
                    </svg>
                    <div class="name">标签</div>
                    <div class="fontclass">#icon-tubiao-</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dingding"></use>
                    </svg>
                    <div class="name">钉钉</div>
                    <div class="fontclass">#icon-dingding</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shijianzhou1"></use>
                    </svg>
                    <div class="name">时间轴</div>
                    <div class="fontclass">#icon-shijianzhou1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xuexiao"></use>
                    </svg>
                    <div class="name">学校</div>
                    <div class="fontclass">#icon-xuexiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-parameter"></use>
                    </svg>
                    <div class="name">parameter</div>
                    <div class="fontclass">#icon-parameter</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xuanze"></use>
                    </svg>
                    <div class="name">选择</div>
                    <div class="fontclass">#icon-xuanze</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-parameter1"></use>
                    </svg>
                    <div class="name">parameter</div>
                    <div class="fontclass">#icon-parameter1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sandian"></use>
                    </svg>
                    <div class="name">散点</div>
                    <div class="fontclass">#icon-sandian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rezhuangxiaoqu"></use>
                    </svg>
                    <div class="name">热装小区</div>
                    <div class="fontclass">#icon-rezhuangxiaoqu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-toushi"></use>
                    </svg>
                    <div class="name">头饰</div>
                    <div class="fontclass">#icon-toushi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiashizheng2"></use>
                    </svg>
                    <div class="name">驾驶证</div>
                    <div class="fontclass">#icon-jiashizheng2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiashizheng11"></use>
                    </svg>
                    <div class="name">驾驶证</div>
                    <div class="fontclass">#icon-jiashizheng11</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sousuo"></use>
                    </svg>
                    <div class="name">搜索</div>
                    <div class="fontclass">#icon-sousuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-biaoji"></use>
                    </svg>
                    <div class="name">标记</div>
                    <div class="fontclass">#icon-biaoji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-cheliang-copy"></use>
                    </svg>
                    <div class="name">车辆</div>
                    <div class="fontclass">#icon-cheliang-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-paishehukoubu"></use>
                    </svg>
                    <div class="name">拍摄户口簿</div>
                    <div class="fontclass">#icon-paishehukoubu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-peixunxueyuan"></use>
                    </svg>
                    <div class="name">培训学院</div>
                    <div class="fontclass">#icon-peixunxueyuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gongjijin2"></use>
                    </svg>
                    <div class="name">公积金</div>
                    <div class="fontclass">#icon-gongjijin2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shebao"></use>
                    </svg>
                    <div class="name">社保</div>
                    <div class="fontclass">#icon-shebao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-lujing"></use>
                    </svg>
                    <div class="name">路径</div>
                    <div class="fontclass">#icon-lujing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fenzi"></use>
                    </svg>
                    <div class="name">分子</div>
                    <div class="fontclass">#icon-fenzi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bukejian1"></use>
                    </svg>
                    <div class="name">不可见</div>
                    <div class="fontclass">#icon-bukejian1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chexiao"></use>
                    </svg>
                    <div class="name">撤销</div>
                    <div class="fontclass">#icon-chexiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kuandaironghe"></use>
                    </svg>
                    <div class="name">宽带融合</div>
                    <div class="fontclass">#icon-kuandaironghe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiange1"></use>
                    </svg>
                    <div class="name">间隔</div>
                    <div class="fontclass">#icon-jiange1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weixin2"></use>
                    </svg>
                    <div class="name">微信</div>
                    <div class="fontclass">#icon-weixin2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiudian3"></use>
                    </svg>
                    <div class="name">酒店</div>
                    <div class="fontclass">#icon-jiudian3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-hei"></use>
                    </svg>
                    <div class="name">黑</div>
                    <div class="fontclass">#icon-hei</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gongsi31"></use>
                    </svg>
                    <div class="name">公司</div>
                    <div class="fontclass">#icon-gongsi31</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tips"></use>
                    </svg>
                    <div class="name">tips</div>
                    <div class="fontclass">#icon-tips</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ren1"></use>
                    </svg>
                    <div class="name">人</div>
                    <div class="fontclass">#icon-ren1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-flow-parallel"></use>
                    </svg>
                    <div class="name">flow-parallel</div>
                    <div class="fontclass">#icon-flow-parallel</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-feiji11"></use>
                    </svg>
                    <div class="name">飞机</div>
                    <div class="fontclass">#icon-feiji11</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tixing1"></use>
                    </svg>
                    <div class="name">提醒</div>
                    <div class="fontclass">#icon-tixing1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qiche"></use>
                    </svg>
                    <div class="name">汽车</div>
                    <div class="fontclass">#icon-qiche</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-cheliang1"></use>
                    </svg>
                    <div class="name">车辆</div>
                    <div class="fontclass">#icon-cheliang1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-soushuo"></use>
                    </svg>
                    <div class="name">搜索--1</div>
                    <div class="fontclass">#icon-soushuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chepaihao"></use>
                    </svg>
                    <div class="name">车牌号</div>
                    <div class="fontclass">#icon-chepaihao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shengyin1"></use>
                    </svg>
                    <div class="name">声音</div>
                    <div class="fontclass">#icon-shengyin1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-cheliang2"></use>
                    </svg>
                    <div class="name">车辆</div>
                    <div class="fontclass">#icon-cheliang2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiugaimingcheng"></use>
                    </svg>
                    <div class="name">修改名称</div>
                    <div class="fontclass">#icon-xiugaimingcheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-IMEI1"></use>
                    </svg>
                    <div class="name">IMEI</div>
                    <div class="fontclass">#icon-IMEI1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-IMSI"></use>
                    </svg>
                    <div class="name">IMSI</div>
                    <div class="fontclass">#icon-IMSI</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-lieche"></use>
                    </svg>
                    <div class="name">列车</div>
                    <div class="fontclass">#icon-lieche</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tongwangba"></use>
                    </svg>
                    <div class="name">同网吧</div>
                    <div class="fontclass">#icon-tongwangba</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xuexiao1"></use>
                    </svg>
                    <div class="name">学校</div>
                    <div class="fontclass">#icon-xuexiao1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wangba1"></use>
                    </svg>
                    <div class="name">网吧</div>
                    <div class="fontclass">#icon-wangba1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anjian"></use>
                    </svg>
                    <div class="name">案件</div>
                    <div class="fontclass">#icon-anjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jianyu"></use>
                    </svg>
                    <div class="name">监狱</div>
                    <div class="fontclass">#icon-jianyu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anjian1"></use>
                    </svg>
                    <div class="name">安检</div>
                    <div class="fontclass">#icon-anjian1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-IMEI"></use>
                    </svg>
                    <div class="name">IMEI</div>
                    <div class="fontclass">#icon-IMEI</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anjianduban"></use>
                    </svg>
                    <div class="name">案件督办</div>
                    <div class="fontclass">#icon-anjianduban</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-hang"></use>
                    </svg>
                    <div class="name">行</div>
                    <div class="fontclass">#icon-hang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gaoliangdu"></use>
                    </svg>
                    <div class="name">高亮度</div>
                    <div class="fontclass">#icon-gaoliangdu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kuaidi2"></use>
                    </svg>
                    <div class="name">快递</div>
                    <div class="fontclass">#icon-kuaidi2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kuaidi3"></use>
                    </svg>
                    <div class="name">快递</div>
                    <div class="fontclass">#icon-kuaidi3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qianke"></use>
                    </svg>
                    <div class="name">前科</div>
                    <div class="fontclass">#icon-qianke</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fenzi1"></use>
                    </svg>
                    <div class="name">分子</div>
                    <div class="fontclass">#icon-fenzi1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weixin11"></use>
                    </svg>
                    <div class="name">微信</div>
                    <div class="fontclass">#icon-weixin11</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dingding1"></use>
                    </svg>
                    <div class="name">钉钉</div>
                    <div class="fontclass">#icon-dingding1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tiaozhuan1"></use>
                    </svg>
                    <div class="name">跳转</div>
                    <div class="fontclass">#icon-tiaozhuan1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jianyu1"></use>
                    </svg>
                    <div class="name">监狱</div>
                    <div class="fontclass">#icon-jianyu1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xuanze1"></use>
                    </svg>
                    <div class="name">选择</div>
                    <div class="fontclass">#icon-xuanze1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-more1"></use>
                    </svg>
                    <div class="name">more</div>
                    <div class="fontclass">#icon-more1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tuli"></use>
                    </svg>
                    <div class="name">图例</div>
                    <div class="fontclass">#icon-tuli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jingbao"></use>
                    </svg>
                    <div class="name">警报</div>
                    <div class="fontclass">#icon-jingbao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fenzishi"></use>
                    </svg>
                    <div class="name">分子式</div>
                    <div class="fontclass">#icon-fenzishi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kuandai"></use>
                    </svg>
                    <div class="name">宽带</div>
                    <div class="fontclass">#icon-kuandai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shoucang"></use>
                    </svg>
                    <div class="name">收 藏</div>
                    <div class="fontclass">#icon-shoucang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xuexiao2"></use>
                    </svg>
                    <div class="name">学校</div>
                    <div class="fontclass">#icon-xuexiao2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-globe"></use>
                    </svg>
                    <div class="name">地球</div>
                    <div class="fontclass">#icon-globe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-idA"></use>
                    </svg>
                    <div class="name">id</div>
                    <div class="fontclass">#icon-idA</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huoche2"></use>
                    </svg>
                    <div class="name">火车</div>
                    <div class="fontclass">#icon-huoche2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fangwu"></use>
                    </svg>
                    <div class="name">房屋</div>
                    <div class="fontclass">#icon-fangwu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baocun2"></use>
                    </svg>
                    <div class="name">保存</div>
                    <div class="fontclass">#icon-baocun2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouqi"></use>
                    </svg>
                    <div class="name">收起</div>
                    <div class="fontclass">#icon-shouqi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chankangengduo"></use>
                    </svg>
                    <div class="name">查看更多</div>
                    <div class="fontclass">#icon-chankangengduo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-SIMqia"></use>
                    </svg>
                    <div class="name">SIM卡</div>
                    <div class="fontclass">#icon-SIMqia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-hongdian"></use>
                    </svg>
                    <div class="name">红点</div>
                    <div class="fontclass">#icon-hongdian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-i-layout-set"></use>
                    </svg>
                    <div class="name">i-布局设置</div>
                    <div class="fontclass">#icon-i-layout-set</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tell"></use>
                    </svg>
                    <div class="name">电话</div>
                    <div class="fontclass">#icon-tell</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-cheliang3"></use>
                    </svg>
                    <div class="name">车辆 (1)</div>
                    <div class="fontclass">#icon-cheliang3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-IMEICopy"></use>
                    </svg>
                    <div class="name">IMEI Copy</div>
                    <div class="fontclass">#icon-IMEICopy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anjian11"></use>
                    </svg>
                    <div class="name">安检</div>
                    <div class="fontclass">#icon-anjian11</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weibiaoti--"></use>
                    </svg>
                    <div class="name">区集体户口管理</div>
                    <div class="fontclass">#icon-weibiaoti--</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weixin21"></use>
                    </svg>
                    <div class="name">微信</div>
                    <div class="fontclass">#icon-weixin21</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-suo"></use>
                    </svg>
                    <div class="name">所</div>
                    <div class="fontclass">#icon-suo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhengjian"></use>
                    </svg>
                    <div class="name">证件</div>
                    <div class="fontclass">#icon-zhengjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tree-round-internet-bar"></use>
                    </svg>
                    <div class="name">tree-round-网吧</div>
                    <div class="fontclass">#icon-tree-round-internet-bar</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chengyunchepai"></use>
                    </svg>
                    <div class="name">承运车牌</div>
                    <div class="fontclass">#icon-chengyunchepai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yuyuekuandaixiaotubiao-copy"></use>
                    </svg>
                    <div class="name">预约宽带小图标</div>
                    <div class="fontclass">#icon-yuyuekuandaixiaotubiao-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gongtonglinju1"></use>
                    </svg>
                    <div class="name">共同邻居</div>
                    <div class="fontclass">#icon-gongtonglinju1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-eye"></use>
                    </svg>
                    <div class="name">查看</div>
                    <div class="fontclass">#icon-eye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qinziAPPtubiao-"></use>
                    </svg>
                    <div class="name">学校</div>
                    <div class="fontclass">#icon-qinziAPPtubiao-</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-round-user-new1"></use>
                    </svg>
                    <div class="name">人</div>
                    <div class="fontclass">#icon-round-user-new1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kuozhan"></use>
                    </svg>
                    <div class="name">扩展</div>
                    <div class="fontclass">#icon-kuozhan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anjianqiakou"></use>
                    </svg>
                    <div class="name">安检卡口</div>
                    <div class="fontclass">#icon-anjianqiakou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yinbo"></use>
                    </svg>
                    <div class="name">音波</div>
                    <div class="fontclass">#icon-yinbo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anjian2"></use>
                    </svg>
                    <div class="name">安检</div>
                    <div class="fontclass">#icon-anjian2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shezhi"></use>
                    </svg>
                    <div class="name">设置</div>
                    <div class="fontclass">#icon-shezhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-hot_promotionsparam"></use>
                    </svg>
                    <div class="name">hot_promotions(param</div>
                    <div class="fontclass">#icon-hot_promotionsparam</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-buju"></use>
                    </svg>
                    <div class="name">布局</div>
                    <div class="fontclass">#icon-buju</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-hongqi"></use>
                    </svg>
                    <div class="name">红旗</div>
                    <div class="fontclass">#icon-hongqi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-renwu"></use>
                    </svg>
                    <div class="name">人物</div>
                    <div class="fontclass">#icon-renwu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yibaoqia1"></use>
                    </svg>
                    <div class="name">医保卡</div>
                    <div class="fontclass">#icon-yibaoqia1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yibaoqia"></use>
                    </svg>
                    <div class="name">医保卡</div>
                    <div class="fontclass">#icon-yibaoqia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kuozhan1"></use>
                    </svg>
                    <div class="name">扩展</div>
                    <div class="fontclass">#icon-kuozhan1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shuxing1"></use>
                    </svg>
                    <div class="name">属性</div>
                    <div class="fontclass">#icon-shuxing1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-youxiang2"></use>
                    </svg>
                    <div class="name">邮箱</div>
                    <div class="fontclass">#icon-youxiang2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-cengci"></use>
                    </svg>
                    <div class="name">层次</div>
                    <div class="fontclass">#icon-cengci</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yyinhangzhanghao"></use>
                    </svg>
                    <div class="name">银行账号</div>
                    <div class="fontclass">#icon-yyinhangzhanghao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shebao1"></use>
                    </svg>
                    <div class="name">社保</div>
                    <div class="fontclass">#icon-shebao1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shebao11"></use>
                    </svg>
                    <div class="name">社保</div>
                    <div class="fontclass">#icon-shebao11</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shebaoqia"></use>
                    </svg>
                    <div class="name">社保卡</div>
                    <div class="fontclass">#icon-shebaoqia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qichecopy"></use>
                    </svg>
                    <div class="name">汽车 copy 2</div>
                    <div class="fontclass">#icon-qichecopy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-hangban"></use>
                    </svg>
                    <div class="name">航班</div>
                    <div class="fontclass">#icon-hangban</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-liebiao"></use>
                    </svg>
                    <div class="name">列表</div>
                    <div class="fontclass">#icon-liebiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qinmizhanghaoicon"></use>
                    </svg>
                    <div class="name">亲密账号icon</div>
                    <div class="fontclass">#icon-qinmizhanghaoicon</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sim-"></use>
                    </svg>
                    <div class="name">sim-01</div>
                    <div class="fontclass">#icon-sim-</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sim"></use>
                    </svg>
                    <div class="name">sim</div>
                    <div class="fontclass">#icon-sim</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-quxiaoxuanze1"></use>
                    </svg>
                    <div class="name">取消选择</div>
                    <div class="fontclass">#icon-quxiaoxuanze1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-taosheng"></use>
                    </svg>
                    <div class="name">逃生</div>
                    <div class="fontclass">#icon-taosheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-duxing"></use>
                    </svg>
                    <div class="name">毒性</div>
                    <div class="fontclass">#icon-duxing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ren11"></use>
                    </svg>
                    <div class="name">人</div>
                    <div class="fontclass">#icon-ren11</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-guanlianfenxi"></use>
                    </svg>
                    <div class="name">关联分析</div>
                    <div class="fontclass">#icon-guanlianfenxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-IMSI1"></use>
                    </svg>
                    <div class="name">IMSI</div>
                    <div class="fontclass">#icon-IMSI1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-renwuguanxitu_lunkuohua"></use>
                    </svg>
                    <div class="name">人物关系图_轮廓化0614</div>
                    <div class="fontclass">#icon-renwuguanxitu_lunkuohua</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-id-card"></use>
                    </svg>
                    <div class="name">证件</div>
                    <div class="fontclass">#icon-id-card</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-renwuguanxitu_lunkuohua1"></use>
                    </svg>
                    <div class="name">人物关系图2_轮廓化0622</div>
                    <div class="fontclass">#icon-renwuguanxitu_lunkuohua1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shijianzhou2"></use>
                    </svg>
                    <div class="name">时间轴</div>
                    <div class="fontclass">#icon-shijianzhou2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-molecule"></use>
                    </svg>
                    <div class="name">分子</div>
                    <div class="fontclass">#icon-molecule</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-guanxi"></use>
                    </svg>
                    <div class="name">关系</div>
                    <div class="fontclass">#icon-guanxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-canshu"></use>
                    </svg>
                    <div class="name">parameter</div>
                    <div class="fontclass">#icon-canshu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fenping"></use>
                    </svg>
                    <div class="name">分屏</div>
                    <div class="fontclass">#icon-fenping</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-biaoqian"></use>
                    </svg>
                    <div class="name">标签</div>
                    <div class="fontclass">#icon-biaoqian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wankeicon-"></use>
                    </svg>
                    <div class="name">查看更多</div>
                    <div class="fontclass">#icon-wankeicon-</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ziyuanleixing-qichepiao"></use>
                    </svg>
                    <div class="name">汽车票</div>
                    <div class="fontclass">#icon-ziyuanleixing-qichepiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fangwuzongshu"></use>
                    </svg>
                    <div class="name">房屋总数</div>
                    <div class="fontclass">#icon-fangwuzongshu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anjianzongshu"></use>
                    </svg>
                    <div class="name">案件总数</div>
                    <div class="fontclass">#icon-anjianzongshu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shengyin2"></use>
                    </svg>
                    <div class="name">声音 (1)</div>
                    <div class="fontclass">#icon-shengyin2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chuandianlianxian"></use>
                    </svg>
                    <div class="name">串点连线</div>
                    <div class="fontclass">#icon-chuandianlianxian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yibaoqia-"></use>
                    </svg>
                    <div class="name">医保卡-01</div>
                    <div class="fontclass">#icon-yibaoqia-</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pinghangxian"></use>
                    </svg>
                    <div class="name">平行线</div>
                    <div class="fontclass">#icon-pinghangxian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-IMEI11"></use>
                    </svg>
                    <div class="name">IMEI</div>
                    <div class="fontclass">#icon-IMEI11</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tab_jiashizheng"></use>
                    </svg>
                    <div class="name">tab_驾驶证</div>
                    <div class="fontclass">#icon-tab_jiashizheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ip1"></use>
                    </svg>
                    <div class="name">ip</div>
                    <div class="fontclass">#icon-ip1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fangwuxinjianshenqing"></use>
                    </svg>
                    <div class="name">房屋新建（申请）</div>
                    <div class="fontclass">#icon-fangwuxinjianshenqing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-QQ"></use>
                    </svg>
                    <div class="name">QQ</div>
                    <div class="fontclass">#icon-QQ</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gongsi3"></use>
                    </svg>
                    <div class="name">公司</div>
                    <div class="fontclass">#icon-gongsi3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baocun3"></use>
                    </svg>
                    <div class="name">保存</div>
                    <div class="fontclass">#icon-baocun3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yuangongpingjiaheixing"></use>
                    </svg>
                    <div class="name">员工评价黑星</div>
                    <div class="fontclass">#icon-yuangongpingjiaheixing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ParallelLines"></use>
                    </svg>
                    <div class="name">Parallel Lines</div>
                    <div class="fontclass">#icon-ParallelLines</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ParallelChannel"></use>
                    </svg>
                    <div class="name">Parallel Channel</div>
                    <div class="fontclass">#icon-ParallelChannel</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-IP"></use>
                    </svg>
                    <div class="name">IP</div>
                    <div class="fontclass">#icon-IP</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-keshihua"></use>
                    </svg>
                    <div class="name">可视化</div>
                    <div class="fontclass">#icon-keshihua</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shijiaoguanli"></use>
                    </svg>
                    <div class="name">视角管理</div>
                    <div class="fontclass">#icon-shijiaoguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tiaozhuan"></use>
                    </svg>
                    <div class="name">跳转</div>
                    <div class="fontclass">#icon-tiaozhuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-keypoints"></use>
                    </svg>
                    <div class="name">key points</div>
                    <div class="fontclass">#icon-keypoints</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qiche1"></use>
                    </svg>
                    <div class="name">汽车</div>
                    <div class="fontclass">#icon-qiche1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jianyu2"></use>
                    </svg>
                    <div class="name">监狱</div>
                    <div class="fontclass">#icon-jianyu2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chepai2"></use>
                    </svg>
                    <div class="name">车牌</div>
                    <div class="fontclass">#icon-chepai2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kuaisuanjianzhuanhuan"></use>
                    </svg>
                    <div class="name">快速安检 </div>
                    <div class="fontclass">#icon-kuaisuanjianzhuanhuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-simcard"></use>
                    </svg>
                    <div class="name">sim card</div>
                    <div class="fontclass">#icon-simcard</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pinghangtongdao"></use>
                    </svg>
                    <div class="name">平行通道</div>
                    <div class="fontclass">#icon-pinghangtongdao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-lianjie"></use>
                    </svg>
                    <div class="name">连接</div>
                    <div class="fontclass">#icon-lianjie</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chakan1"></use>
                    </svg>
                    <div class="name">查看</div>
                    <div class="fontclass">#icon-chakan1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qingchu1"></use>
                    </svg>
                    <div class="name">清除</div>
                    <div class="fontclass">#icon-qingchu1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-caselList"></use>
                    </svg>
                    <div class="name">案件</div>
                    <div class="fontclass">#icon-caselList</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ren2"></use>
                    </svg>
                    <div class="name">人</div>
                    <div class="fontclass">#icon-ren2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-QQ1"></use>
                    </svg>
                    <div class="name">QQ</div>
                    <div class="fontclass">#icon-QQ1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-biaoji1"></use>
                    </svg>
                    <div class="name">标记</div>
                    <div class="fontclass">#icon-biaoji1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-youxiang3"></use>
                    </svg>
                    <div class="name">邮箱 (1)</div>
                    <div class="fontclass">#icon-youxiang3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fenpingduibi"></use>
                    </svg>
                    <div class="name">分屏对比</div>
                    <div class="fontclass">#icon-fenpingduibi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-IPA"></use>
                    </svg>
                    <div class="name">IP</div>
                    <div class="fontclass">#icon-IPA</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sousuo1"></use>
                    </svg>
                    <div class="name">搜索</div>
                    <div class="fontclass">#icon-sousuo1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chakan2"></use>
                    </svg>
                    <div class="name">查看</div>
                    <div class="fontclass">#icon-chakan2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shuxing"></use>
                    </svg>
                    <div class="name">树形</div>
                    <div class="fontclass">#icon-shuxing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anjianshibie"></use>
                    </svg>
                    <div class="name">安检识别</div>
                    <div class="fontclass">#icon-anjianshibie</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-quxiaoxuanze2"></use>
                    </svg>
                    <div class="name">取消选择1</div>
                    <div class="fontclass">#icon-quxiaoxuanze2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chakanxiangxi"></use>
                    </svg>
                    <div class="name">查看详细</div>
                    <div class="fontclass">#icon-chakanxiangxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pinghang"></use>
                    </svg>
                    <div class="name">平行</div>
                    <div class="fontclass">#icon-pinghang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wodedangxuan"></use>
                    </svg>
                    <div class="name">我 的</div>
                    <div class="fontclass">#icon-wodedangxuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-parameter2"></use>
                    </svg>
                    <div class="name">parameter</div>
                    <div class="fontclass">#icon-parameter2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-heidian"></use>
                    </svg>
                    <div class="name">黑点</div>
                    <div class="fontclass">#icon-heidian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anjian3"></use>
                    </svg>
                    <div class="name">案件</div>
                    <div class="fontclass">#icon-anjian3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiasu"></use>
                    </svg>
                    <div class="name">加速</div>
                    <div class="fontclass">#icon-jiasu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiansu"></use>
                    </svg>
                    <div class="name">减速</div>
                    <div class="fontclass">#icon-jiansu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-buju2"></use>
                    </svg>
                    <div class="name">布局</div>
                    <div class="fontclass">#icon-buju2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-save"></use>
                    </svg>
                    <div class="name">保存</div>
                    <div class="fontclass">#icon-save</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-toushi-copy"></use>
                    </svg>
                    <div class="name">头饰</div>
                    <div class="fontclass">#icon-toushi-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huangguan"></use>
                    </svg>
                    <div class="name">皇冠 1</div>
                    <div class="fontclass">#icon-huangguan</div>
                </li>
            
        </ul>


        <h2 id="symbol-">symbol引用</h2>
        <hr>

        <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
        这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：</p>
        <ul>
          <li>支持多色图标了，不再受单色限制。</li>
          <li>通过一些技巧，支持像字体那样，通过<code>font-size</code>,<code>color</code>来调整样式。</li>
          <li>兼容性较差，支持 ie9+,及现代浏览器。</li>
          <li>浏览器渲染svg的性能一般，还不如png。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-symbol-">第一步：引入项目下面生成的symbol代码：</h3>
        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;</span></code></pre>
        <h3 id="-css-">第二步：加入通用css代码（引入一次就行）：</h3>
        <pre><code class="lang-js hljs javascript">&lt;style type=<span class="hljs-string">"text/css"</span>&gt;
.icon {
   width: <span class="hljs-number">1</span>em; height: <span class="hljs-number">1</span>em;
   vertical-align: <span class="hljs-number">-0.15</span>em;
   fill: currentColor;
   overflow: hidden;
}
&lt;<span class="hljs-regexp">/style&gt;</span></code></pre>
        <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-js hljs javascript">&lt;svg <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"icon"</span> aria-hidden=<span class="hljs-string">"true"</span>&gt;<span class="xml"><span class="hljs-tag">
  &lt;<span class="hljs-name">use</span> <span class="hljs-attr">xlink:href</span>=<span class="hljs-string">"#icon-xxx"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">use</span>&gt;</span>
</span>&lt;<span class="hljs-regexp">/svg&gt;
        </span></code></pre>
    </div>
</body>
</html>
